app/scripts/controllers/app-ctrl.js

@@ -78,10 +78,10 @@ angular.module('codexApp.index', [])

                     $rootScope.$on('file-service:files-loaded', function(){
              

                       if(!$scope.$$phase) {
              

                           $scope.$apply(function(){
              

                -            //$scope.itemSpacing();
              

                +            $scope.itemSpacing();
              

                           });
              

                         } else {
              

                -            //$scope.itemSpacing();
              

                +            $scope.itemSpacing();
              

                         }
              

                     })
              

                 
              
@@ -101,9 +101,12 @@ angular.module('codexApp.index', [])

                     })
              

                 
              

                     $scope.itemSpacing = function(){
              

                -      var items = document.getElementsByClassName("file-view-item");
              

                +      //var html_items = document.getElementsByClassName("file-view-item");
              

                +      //var items = [].slice.call(html_items);
              

                +      var items = HTMLNodesToArray('grid', 'li');
              

                       for (var i = 0; i < items.length; i++) {
              

                -        items[i].style.margin = "15px";
              

                +        items[i].style.margin = "55px";
              

                +        console.log(item[i]);
              

                       }
              

                     }
              

                 
              
@@ -144,4 +147,27 @@ angular.module('codexApp.index', [])

                       } }));
              

                       menu.popup(currentWindow);
              

                     }
              

                +
              

                +    var HTMLNodesToArray = function (reference, elems) {
              

                +        reference = document.getElementById(reference);
              

                +        console.log(reference);
              

                +        //elems = elems || '*';
              

                +        //var nodes = [];
              

                +        //var elements = reference.getElementsByClassName(elems);
              

                +        var elements = angular.element(document.querySelector( '.file-view-item' ));
              

                +        console.log(elements);
              

                +        // var i;
              

                +        // nodes = Array.prototype.slice.call(elements);
              

                +        // console.log( Array.isArray(elements))
              

                +        // console.log( Array.isArray(nodes))
              

                +        // console.log(nodes)
              

                +        // var len = elements.length;
              

                +        // console.log(len)
              

                +        // for(i = 0; i< len; i += 1) {
              

                +        //     var node = elements[i];
              

                +        //     nodes.push(node);
              

                +        // }
              

                +        return elements;
              

                +    }
              

                +
              

                   }]);
              

codex/dev/codex-app/notes.md

@@ -9,6 +9,12 @@ Links, snipets and references for the Codex App.

                 * [Mansonary](http://masonry.desandro.com/) - Cascading grid layout library
              

                 * [Wavesurfer.js](http://wavesurfer-js.org/) - Web Audio Waveform Visualizer
              

                 * [Cheerio](https://github.com/cheeriojs/cheerio) - Fast, flexible, and lean implementation of core jQuery designed specifically for the server
              

                +* [angular-inview](https://github.com/thenikso/angular-inview) - AngularJS directive to check if a DOM element is in the browser viewport.
              

                +
              

                +## Reading
              

                +
              

                +* [How do Promises Work?](http://robotlolita.me/2015/11/15/how-do-promises-work.html)
              

                +* [From Karma to Mocha, with a taste of jsdom](https://medium.com/podio-engineering-blog/from-karma-to-mocha-with-a-taste-of-jsdom-c9c703a06b21#.3gy10vj6i)
              

                 
              

                 ## List folder and files
              

                 
              

css/codex.css

@@ -101,7 +101,7 @@ code {

                   padding-top: 10px;
              

                 }
              

                 
              

                -.file-view ul li {
              

                +.file-view-item {
              

                   list-style: none;
              

                   padding: 10px;
              

                   margin: 10px;